// 加载table模板
layui.use(['table', 'form', 'laydate'], function () {
    var table = layui.table;
    let form = layui.form;
    let laydate = layui.laydate;

    //日期
    laydate.render({
        elem: '#start',
        //    强制显示
        trigger: 'click'
    });

    //日期
    laydate.render({
        elem: '#end',
        //    强制显示
        trigger: 'click'
    });
    //渲染表格
    findAll({});

    //监听查询按钮
    form.on('submit(sreach)', function (data) {
        data = data.field;
        console.log(data);
        //渲染表格
        findAll(data);
        return false;
    })

    function findAll(data) {
        data.username = sessionStorage.getItem("username");
        //渲染表格
        table.render({
            elem: '#user',
            //调用后台的数据查询所有
            url: '/back/user/findAll',
            where: data,
            //  parseData: function (res) { //res 即为原始返回的数据
            //     console.log(res)
            //     return {
            //         "code": res.code, //解析接口状态
            //         "msg": res.msg, //解析提示文本
            //         "count": res.count, //解析数据长度
            //         "data": res.data //解析数据列表
            //     };
            // },
            cols: [
                [{
                    field: 'id', title: 'ID', width: 80, fixed: 'left'

                }, {
                    field: 'name',
                    title: '用户名',
                    width: 120,
                    // edit: 'text'
                }, {
                    field: 'email',
                    title: '邮箱',
                    width: 150,
                    // edit: 'text',
                    templet: function (res) {
                        return '<em style="color: red">' + res.email + '</em>'
                    }
                }, {
                    field: 'sex',
                    title: '性别',
                    width: 80,
                    edit: 'text',
                    sort: true
                }, {
                    field: 'birthday',
                    title: '生日',
                    width: 100
                    // ,
                    // templet: function (res) {
                    //     return res.birthday.split(" ")[0];
                    // }
                }, {
                    field: 'hobby',
                    width: 150,
                    title: '爱好'
                }, {
                    field: 'enable',
                    title: '状态',
                    width: 80,
                    templet: function (res) {
                        return '<em>' + (res.enable == 1 ? "启用" : "停用") + '</em>'
                    }
                }, {
                    fixed: 'right',
                    title: '操作',
                    toolbar: '#barDemo',
                    width: 200
                }]
            ],
            page: true
        });
    }

    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {
            // 用户确认框
            layer.confirm('真的删除行么', function (index) {
                //需要调用后台的Ajax去删除数据，如果删除成功，也可以刷新数据
                // 则关系当前窗口，
                //否则，弹出删除失败，
                let res = myAjax("/back/user/delete", {id: data.id}, "post");
                if (res.count > 0) {
                    layer.alert("删除成功", {
                            icon: 6
                        },
                        function () {
                            obj.del();
                            layer.close(index);
                        });
                } else {
                    layer.alert("删除失败");
                }

            });
        } else if (obj.event === 'edit') {
            sessionStorage.setItem("userId", data.id);
            xadmin.open('编辑用户', '/html/user/member-edit.html', 600, 400);
            // layer.prompt({
            //     formType: 2,
            //     value: data.email
            // }, function (value, index) {
            //     obj.update({
            //         email: value
            //     });
            //     layer.close(index);
            // });
        } else if (obj.event === 'password') {
            sessionStorage.setItem("userId", data.id);
            xadmin.open('编辑密码', '/html/user/member-password.html', 600, 400);
        }
    });
});
